@charset "utf-8";
@import "common/run";
.rotate360 {
    -webkit-animation: rotate360 3s linear infinite;
}
@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
.rotateX360 {
    -webkit-animation: rotateX360 3s linear;
    -webkit-animation-play-state: paused;
}
@-webkit-keyframes rotateX360 {
    0% {
        -webkit-transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(360deg);
    }
}
.rule1 {
    -webkit-animation: rule1 3s linear;
    -webkit-animation-play-state: paused;
}
@keyframes rule1 {
    from {
        width: 90%;
        height: 0;
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%;
    }
    to {
        border-radius: 0;
        height: 85%;
    }
}
.myfirst {
    -webkit-animation: myfirst 3s alternate infinite;
}
@-webkit-keyframes myfirst {
    0% {
        -webkit-transform: scale(1);
        color: #e7c598;
    }
    50% {
        -webkit-transform: scale(2);
        color: #CD7F32;
    }
    100% {
        -webkit-transform: scale(1);
        color: #e7c598;
    }
}
.zuobiao_dh {
    animation: zuobiao_dh 2s linear infinite;
    transform-origin: 50% 100%;
}
@keyframes zuobiao_dh {
    0% {
        transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(10deg);
    }
    50% {
        transform: rotateZ(0deg);
    }
    75% {
        transform: rotateZ(-10deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}
.index_font2 {
    animation: xiaoguo 3s;
}
.index_font1 {
    animation: xiaoguo1 3s;
}
@keyframes xiaoguo {
    0% {
        transform: rotateY(-180deg) translateX(-100%);
    }
    100% {
        transform: rotateY(0) translateX(0);
    }
}
@keyframes xiaoguo1 {
    0% {
        transform: rotateY(180deg) translateX(100%);
    }
    100% {
        transform: rotateY(0) translateX(0);
    }
}
.btn_mask {
    width: 0;
    height:r(45px);
    border-radius: r(45px);
    background: #e7c598;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    animation: btn_mask linear 4s alternate infinite;
}
@keyframes btn_mask {
    0% {
        width: r(30px);
    }
    50% {
        width: 83.5%;
    }
    100% {
        width: r(30px);
    }
}